<div class="row justify-content-center">
    <div class="col-8">
        <div *ngIf="contract">
            <h2><span jhiTranslate="contractApp.contract.detail.title">Contract</span> {{contract.id}}</h2>
            <hr>
            <jhi-alert-error></jhi-alert-error>
            <dl class="row-md jh-entity-details">
                <dt><span jhiTranslate="contractApp.contract.serialNo">Serial No</span></dt>
                <dd>
                    <span>{{contract.serialNo}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.name">Name</span></dt>
                <dd>
                    <span>{{contract.name}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.projectInfo">Project Info</span></dt>
                <dd>
                    <span>{{contract.projectInfo}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.signDate">Sign Date</span></dt>
                <dd>
                    <span>{{contract.signDate}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.validDays">Valid Days</span></dt>
                <dd>
                    <span>{{contract.validDays}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.startDate">Start Date</span></dt>
                <dd>
                    <span>{{contract.startDate}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.endDate">End Date</span></dt>
                <dd>
                    <span>{{contract.endDate}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.totalMoney">Total Money</span></dt>
                <dd>
                    <span>{{contract.totalMoney}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.createdBy">Created By</span></dt>
                <dd>
                    <span>{{contract.createdBy}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.createdDate">Created Date</span></dt>
                <dd>
                    <span>{{contract.createdDate}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.lastModifiedBy">Last Modified By</span></dt>
                <dd>
                    <span>{{contract.lastModifiedBy}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.lastModifiedDate">Last Modified Date</span></dt>
                <dd>
                    <span>{{contract.lastModifiedDate}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.comment">Comment</span></dt>
                <dd>
                    <span>{{contract.comment}}</span>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.category">Category</span></dt>
                <dd>
                    <div *ngIf="contract.category">
                        <a [routerLink]="['/category', contract.category?.id, 'view']">{{contract.category?.name}}</a>
                    </div>
                </dd>
                <dt><span jhiTranslate="contractApp.contract.department">Department</span></dt>
                <dd>
                    <div *ngIf="contract.department">
                        <a [routerLink]="['/department', contract.department?.id, 'view']">{{contract.department?.name}}</a>
                    </div>
                </dd>
            </dl>

            <button type="submit"
                    (click)="previousState()"
                    class="btn btn-info">
                <fa-icon [icon]="'arrow-left'"></fa-icon>&nbsp;<span jhiTranslate="entity.action.back"> Back</span>
            </button>

            <button type="button"
                    [routerLink]="['/contract', contract.id, 'edit']"
                    class="btn btn-primary">
                <fa-icon [icon]="'pencil-alt'"></fa-icon>&nbsp;<span jhiTranslate="entity.action.edit"> Edit</span>
            </button>
        </div>
    </div>
</div>
